<%--
  Created by IntelliJ IDEA.
  User: JMS
  Date: 2020/12/27
  Time: 23:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>公共周刊页面</title>
    <!-- Bootstrap Styles-->
    <link rel="stylesheet" href="../../static/bootstrap/css/bootstrap.css" />
    <!-- FontAwesome Styles-->
    <link rel="stylesheet" href="../../static/font-awesome-4.7.0/css/font-awesome.css" />
    <link rel="stylesheet" href="../../static/font-awesome-4.7.0/css/custom-styles.css" />
    <link rel="stylesheet" href="../../static/css/style_x.css">

</head>

<body>


<!--/. NAV TOP  -->
<div class="row">
    <div class="col-2 ">
        <div id="wrapper">
            <nav class="top-navbar">
                <div class="navbar-header">
                    <a href="../../pages/user/userIndex.jsp">
                        <strong class="navbar-brand">住户功能菜单</strong>
                    </a>
                </div>
            </nav>
        </div>
        <nav class="navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>

                        <a href="Rental_center.jsp"><i class="fa fa-dashboard"></i> 租赁中心</a>
                    </li>
                    <li>
                        <a href="Report_repair.jsp"><i class="fa fa-desktop"></i> 报事报修</a>
                    </li>
                    <li>
                        <a href="getContract.jsp"><i class="fa fa-bar-chart-o"></i> 结算中心</a>
                    </li>
                    <li class="active-menu">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                             class="bi bi-caret-right" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                  d="M6 12.796L11.481 8 6 3.204v9.592zm.659.753l5.48-4.796a1 1 0 0 0 0-1.506L6.66 2.451C6.011 1.885 5 2.345 5 3.204v9.592a1 1 0 0 0 1.659.753z" />
                        </svg>
                        <a href="Public_weekly.jsp"><i class="fa fa-qrcode"></i> 公共周刊</a>
                    </li>
                    <li>
                        <a href="Party_building_activities.jsp"><i class="fa fa-history" aria-hidden="true"></i> 党建活动</a>
                    </li>
                </ul>
            </div>

        </nav>
    </div>
    <!-- /. NAV SIDE  -->
    <div class="col-10" style="height: 700px;  background: #eee; ">
        <div class="Archives_Center_header">
            <h3 style="margin-top: 0px;">公共周刊</h3>

        </div>
        <div class="row" style="margin-top: 30px;">
            <div class="col-8 ml-5">
                <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                        <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="../../static/images/time1.jpg" class="d-block w-100" alt="...">
                            <div class="carousel-caption d-none d-md-block">
                                <h5>First slide label</h5>
                                <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="../../static/images/time2.jpg" class="d-block w-100" alt="...">
                            <div class="carousel-caption d-none d-md-block">
                                <h5>Second slide label</h5>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="../../static/images/time3.jpg" class="d-block w-100" alt="...">
                            <div class="carousel-caption d-none d-md-block">
                                <h5>Third slide label</h5>
                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                            </div>
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button"
                       data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button"
                       data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>

            </div>
            <div class="col-3 ml-2">

                <div class="">
                    <div class="card ">
                        <div class="card-header py-2 bg-white">
                            <div class="d-flex justify-content-between">
                                <a href="#">
                                    <b style="color: cadetblue;">公告信息</b>
                                </a>
                                <a href="#" style="font-size: 0.8rem; padding-top: 0.3rem; color: cadetblue;">
                                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-clockwise"
                                         fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd"
                                              d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                                        <path
                                                d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                                    </svg>换一换
                                </a>
                            </div>
                        </div>

                        <div class="card-body py-1 ">
                            <ul class="Announcement_info">
                                <li class="">
                                    <p><a href="#"><span> 小霸王被申请破产 </span></a> </p>

                                </li>
                                <li class="">
                                    <p> <a href="#"> <span>小霸王被申请破产 </span></a></p>

                                </li>
                                <li class="">
                                    <p><a href="#"> <span>小霸王被申请破产 </span></a></p>

                                </li>
                                <li class="">
                                    <p><a href="#"> <span>小霸王被申请破产 </span></a></p>

                                </li>
                                <li class="">
                                    <p><a href="#"> <span>小霸王被申请破产 </span></a></p>

                                </li>
                                <li class="">
                                    <p><a href="#"> <span>小霸王被申请破产 </span></a></p>

                                </li>
                                <li class="">
                                    <p><a href="#"> <span>小霸王被申请破产 </span></a></p>

                                </li>
                                <li class="">
                                    <p><a href="#"> <span>小霸王被申请破产 </span></a></p>

                                </li>


                            </ul>

                        </div>

                        <div class="card-footer py-2">
                            <a href="#" class="" style="color: cadetblue;">
                                查看更多 >
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
</div>
</body>
</html>